.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-wrap-no {
    flex-wrap: nowrap;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-content-start {
    justify-content: flex-start;
}

.flex-content-end {
    justify-content: flex-end;
}

.flex-content-center {
    justify-content: center;
}

.flex-content-between {
    justify-content: space-between;
}

.flex-content-around {
    justify-content: space-around;
}

.flex-item-start {
    align-items: flex-start;
}

.flex-item-end {
    align-items: flex-end;
}

.flex-item-center {
    align-items: center;
}

.flex-item-baseline {
    align-items: baseline;
}

.flex-item-stretch {
    align-items: stretch;
}

.el-tooltip__trigger:focus-visible {
    outline: unset;
}

/*或者是下面这个*/

.el-tooltip__trigger:first-child:focus-visible {
    outline: unset;
}
:root{
    --el-color-primary: #b60b1f;
    --el-color-primary-light-3: #ffa8b8;
}
[v-cloak]{
    display: none;
}
#app{
    font-size: 14px;
    color: var(--el-color-primary);
}
.top20{
    margin-top: 20px;
}
.bottom20{
    margin-bottom: 20px;
}
.bottom10{
    margin-bottom: 10px;
}
.padding20{
    padding: 20px;
}
.avatar-uploader .avatar {
    width: 100px;
    height: 100px;
    display: block;
    border: 1px dashed #d9d9d9;
}
.el-icon.avatar-uploader-icon {
    font-size: 28px;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 1px dashed #d9d9d9;
}